body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; font-size: 14px;}
html, body { height: 100%; margin: 0; padding: 0; }
a,a:link,a:hover,a:active,a:visited{ text-decoration: none;color: #000;}
ul,li{list-style: none;}
table{table-layout:fixed;}
td,th{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*
body{overflow: hidden;}
*/

.wrap { width: 100%; height: 100%;}
.fixed { float: left; width: 13em; height: 100%;  background: #353644; margin-left: -100%; }
.main { float: left; width: 100%; height: 100%; }
.main-inner { margin-left: 13em;  background: #eee; height: 100%;}
.div-menu{ background: #22222C;overflow: auto;}
.div-menu .panel{margin:0;background: #22222C;}

.logo{
    display: inline-block;
    width: 100%;
    height: 42px;
    /*background-image: url(../img/logo1.png);*/
    background-repeat: no-repeat;
    background-size: 4em;
    vertical-align: middle;
    line-height:  42px;
    background-position: 0.5em center;
}
/*一级菜单*/
.menu-first{
    width: 100%;
    text-indent: 1em;
    line-height: 3em;
    height: 3em;

    display:inline-block;
    vertical-align:middle;
    color: #ddd;
    background-color: #353644;
}
.menu-first span{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    text-indent: 0;
}
.menu-first.collapsed{
    background-color: #22222C;
}
/*二级菜单*/
.menu-second {
    padding:0;margin:0;
}
.menu-second li {
    list-style-type:none;
    display: block;
    background-color: #353644;
}
.menu-second li a{
    display: block;
    text-indent: 1em;
    line-height: 2.5em;
    height: 2.5em;
    color: #ddd;
}
.menu-second li a span{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    text-indent: 0;
}
/*一级菜单鼠标划过状态*/
.menu-first:link,
.menu-first:visited,
.menu-first:active
{
    color: #ddd;
}

.menu-first:hover,
.menu-first:active
{
    background-color: #616774;
    color: #fff;
}
/*二级菜单鼠标划过样式*/
.menu-second li a:hover {

    background-color: #616774;
    color: #fff;
}
/*二级菜单选中状态*/
.menu-second-selected {
    background-color: #616774;
    color: #fff;
}

.main-menu .caret{margin: 20px 20px 0 0;}
.rotate{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.div-nav{
    background-color: #fff;
}
.global-toggle{
    background-color: #fff;
}
.global-toggle a{
    display: block;
    background-color: #fff;
    margin: 0 -15px;
    width: 3.5em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-right:solid 1px #ddd;
}
.div-user{
    background-color: #fff;
    text-align: right;
    height: 3em;
    line-height: 3em;
    display: block;
    padding: 0 0 0 0;
}
.div-user a:hover{
    background-color: #eeefff;

}
.div-task{
    display: block;
    border-left:solid 1px #ddd;
    text-align: center;
    width: 8em;

}
.div-user-btn{
    display: block;
    border-left:solid 1px #ddd;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

}
/*
.div-user ul{
    padding: 0;
    margin: 0;
    width: 158px;
}
.div-user li{
    line-height: 2.5em;
    height: 2.5em;
    width: 158px;
    padding: 0;
    margin: 0;
}
.div-user li a{
    text-indent: 1em;
    width: 158px;
    padding:0;
    margin:0;
    display: inline-block;
    background-color: #fff;
    line-height: 2.5em;
    height: 2.5em;
    vertical-align: middle;
 }
.div-user li a span{
    padding:0 0;
    margin:0 0;
    vertical-align: middle;
    display: inline-block;
}*/

.main-body{
    background-color:#eee;
    padding: 1em 0;
    overflow: auto;
    clear:both;
}

.breadcrumb{background: #fff;}
.breadcrumb a{color: #2A2D2E;}
.div-page{background: #fff;padding: 1em 0em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.div-alert{display: none;background: #fff;color:#000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.fixed-table-toolbar{margin: -1em 0;}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination .pagination{ height:3em;line-height: 3em;}
/*
.div-table{padding: -1em 0em;}
.div-table-btn{background: #fff;padding: 1em 1em;}
.div-table{background: #fff;padding: 0em 1em;}
*/
#custom-toolbar .btn-default,
#custom-toolbar .btn-primary,
#custom-toolbar .btn-info,
#custom-toolbar .btn-success,
#custom-toolbar .btn-danger,
#custom-toolbar .btn-warning,
#custom-toolbar_right .btn-info
{background-color: #3b3f4e;border: 0;color: #eee;font-weight: normal;}

#custom-toolbar .btn-default.disabled,
#custom-toolbar .btn-primary.disabled,
#custom-toolbar .btn-info.disabled,
#custom-toolbar .btn-success.disabled,
#custom-toolbar .btn-danger.disabled,
#custom-toolbar .btn-warning.disabled,
#custom-toolbar_right .btn-info.disabled
{background-color: #ECECEC;border: 0;color: #B8B8B8;font-weight: normal;}
/** *模态框* **/
.fixed-table-header thead tr{background: #E4EAEC;}

.modal-header{background: #2A2D2E;color: #fff;}
.modal-header .close{color: #fff;}
.modal-body {max-height: 460px;overflow-y:auto;overflow-x:hidden;}
.modal-footer{background: #eee;padding: 9px 15px;}
.deleteCard
{
    color: white;
    padding: 4px 8px;
    border: 1px solid white;
    border-radius: 4px;
    display: inline-block;
    background-color: #3b3f4e;
}
.defaultCard
{
    color: white;
    padding: 4px 8px;
    border: 1px solid white;
    border-radius: 4px;
    display: inline-block;
}
.yes{
    background-color: #3b3f4e;
}
.defaultCard:hover
{
    background-color: #3b3f4e;
}









/*

.seuic-head{
    height: 3em;
    line-height: 3em;
    color: #ffffff;
}
.seuic-head-left{
    text-align: center;
    background-color: #353644;
    height: 3em;
    line-height: 3em;
    min-width: 12em;
}

.seuic-body{
    text-align: left;
    display: inline;
}
.seuic-body-left{
    background-color: #22222C;
    overflow: auto;
    color: #ffffff;
}


*/


.page-header{
    margin-top: 0;
}


/*用户自定义*/
.tree {
    background-color:#fbfbfb;
    margin-left: -40px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.tree li {
    list-style-type:none;
    margin:0;
    padding:5px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:20px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;

}


.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}

.tree li>span {
    cursor:pointer;
}

.cursor-pointer {
    cursor:pointer;
}

<!--
/*树型符号*/
table tbody tr.root,
table tbody tr.hasChild  {
    cursor: pointer;
}


table tbody tr.hasChild td span  {
    overflow:hidden;width:20px;height:20px; background:url(../img/icon-355.png) no-repeat; display:inline-block;background-size: 355px;
    background-position:-5px -5px;
}

table tbody tr.hasChild td span.expand  {
    overflow:hidden;width:20px;height:20px; background:url(../img/icon-355.png) no-repeat; display:inline-block;background-size: 355px;
    background-position:-55px -5px;
}

table tbody tr.child td span  {
    overflow:hidden;width:20px;height:20px; background:url(../img/icon-355.png) no-repeat; display:inline-block;background-size: 355px;
    background-position:-280px -30px;
}

table tbody tr.child td span.expand  {
    overflow:hidden;width:20px;height:20px; background:url(../img/icon-355.png) no-repeat; display:inline-block;background-size: 355px;
    background-position:-280px -30px;
}

/*
table tbody tr.level1 > td:nth-child(2)  {
    text-indent:0em;
}
table tbody tr.level2 > td:nth-child(2)  {
    text-indent:2em;
}
table tbody tr.level3 > td:nth-child(2)  {
    text-indent:4em;
}
table tbody tr.level4 > td:nth-child(2)  {
    text-indent:6em;
}
*/

table tbody tr.level1 td:first-child + td{
    text-indent:0em;
}
table tbody tr.level2 td:first-child + td{
    text-indent:2em;
}
table tbody tr.level3 td:first-child + td{
    text-indent:4em;
}
table tbody tr.level4 td:first-child + td{
    text-indent:6em;
}

/****图片CSS Sprites****/

/**底图**/
.icon{overflow:hidden;width:40px;height:40px; background:url(../img/icon.png) no-repeat;float:left; display:inline-block;background-size: 710px;}
.icon-sm{width:20px;height:20px; background:url(../img/icon-355.png) no-repeat;display:inline-block;background-size: 355px;}
.icon-em{width:16px;height:16px; background:url(../img/icon-284.png) no-repeat;display:inline-block;background-size: 284px;}
/**第一行**/
.icon.arrowDown{background-position:-10px -10px;}
.icon.arrowUp{background-position:-60px -10px;}
.icon.arrowRight{background-position:-110px -10px;}
.icon.arrowLeft{background-position:-160px -10px;}
.icon.system{background-position:-210px -10px;}
.icon.dict{background-position:-260px -10px;}
.icon.menu{background-position:-310px -10px;}
.icon.role{background-position:-360px -10px;}
.icon.op{background-position:-410px -10px;}
.icon.search{background-position:-460px -10px;}
.icon.add{background-position:-510px -10px;}
.icon.edit{background-position:-560px -10px;}
.icon.del{background-position:-610px -10px;}
.icon.organ{background-position:-660px -10px;}
/**第二行**/
.icon.customer{background-position:-10px -60px;}
.icon.exit{background-position:-60px -60px;}
.icon.list{background-position:-110px -60px;}
.icon.bind{background-position:-160px -60px;}
.icon.unbind{background-position:-210px -60px;}
.icon.row2-6{background-position:-260px -60px;}
.icon.key{background-position:-310px -60px;}
.icon.trade{background-position:-360px -60px;}
.icon.tradeToday{background-position:-410px -60px;}
.icon.tradeHistory{background-position:-460px -60px;}
.icon.index{background-position:-510px -60px;}
.icon.row2-12{background-position:-560px -60px;}
.icon.row2-13{background-position:-610px -60px;}
.icon.menuAllot{background-position:-660px -60px;}
/**第三行**/
.icon.row3-1{background-position:-10px -110px;}
.icon.row3-2{background-position:-60px -110px;}
.icon.row3-3{background-position:-110px -110px;}
.icon.row3-4{background-position:-160px -110px;}
.icon.row3-5{background-position:-210px -110px;}
.icon.row3-6{background-position:-260px -110px;}
.icon.row3-7{background-position:-310px -110px;}
.icon.row3-8{background-position:-360px -110px;}
.icon.expandAll{background-position:-410px -110px;}
.icon.collapseAll{background-position:-460px -110px;}
.icon.logout{background-position:-510px -110px;}
.icon.dot{background-position:-560px -110px;}
.icon.row3-13{background-position:-610px -110px;}
.icon.row3-14{background-position:-660px -110px;}

/**第一行**/
.icon-sm.arrowDown{background-position:-5px -5px;}
.icon-sm.arrowUp{background-position:-30px -5px;}
.icon-sm.arrowRight{background-position:-55px -5px;}
.icon-sm.arrowLeft{background-position:-80px -5px;}
.icon-sm.system{background-position:-105px -5px;}
.icon-sm.dict{background-position:-130px -5px;}
.icon-sm.menu{background-position:-155px -5px;}
.icon-sm.role{background-position:-180px -5px;}
.icon-sm.op{background-position:-205px -5px;}
.icon-sm.search{background-position:-230px -5px;}
.icon-sm.add{background-position:-255px -5px;}
.icon-sm.edit{background-position:-280px -5px;}
.icon-sm.del{background-position:-305px -5px;}
.icon-sm.organ{background-position:-330px -5px;}
/**第二行**/
.icon-sm.customer{background-position:-5px -30px;}
.icon-sm.exit{background-position:-30px -30px;}
.icon-sm.list{background-position:-55px -30px;}
.icon-sm.bind{background-position:-80px -30px;}
.icon-sm.unbind{background-position:-105px -30px;}
.icon-sm.row2-6{background-position:-130px -30px;}
.icon-sm.key{background-position:-155px -30px;}
.icon-sm.trade{background-position:-180px -30px;}
.icon-sm.tradeToday{background-position:-205px -30px;}
.icon-sm.tradeHistory{background-position:-230px -30px;}
.icon-sm.index{background-position:-255px -30px;}
.icon-sm.row2-12{background-position:-280px -30px;}
.icon-sm.row2-13{background-position:-305px -30px;}
.icon-sm.menuAllot{background-position:-330px -30px;}
/**第三行**/
.icon-sm.row3-1{background-position:-5px -55px;}
.icon-sm.row3-2{background-position:-30px -55px;}
.icon-sm.row3-3{background-position:-55px -55px;}
.icon-sm.row3-4{background-position:-80px -55px;}
.icon-sm.row3-5{background-position:-105px -55px;}
.icon-sm.row3-6{background-position:-130px -55px;}
.icon-sm.row3-7{background-position:-155px -55px;}
.icon-sm.row3-8{background-position:-180px -55px;}
.icon-sm.expandAll{background-position:-205px -55px;}
.icon-sm.collapseAll{background-position:-230px -55px;}
.icon-sm.logout{background-position:-255px -55px;}
.icon-sm.dot{background-position:-280px -55px;}
.icon-sm.row3-13{background-position:-305px -55px;}
.icon-sm.row3-14{background-position:-330px -55px;}

/**第一行**/
.icon-em.arrowDown{     background-position:-4px    -4px;}
.icon-em.arrowUp{       background-position:-24px   -4px;}
.icon-em.arrowRight{    background-position:-44px   -4px;}
.icon-em.arrowLeft{     background-position:-64px   -4px;}
.icon-em.system{        background-position:-84px  -4px;}
.icon-em.dict{          background-position:-104px  -4px;}
.icon-em.menu{          background-position:-124px  -4px;}
.icon-em.role{          background-position:-144px  -4px;}
.icon-em.op{            background-position:-164px  -4px;}
.icon-em.search{        background-position:-184px  -4px;}
.icon-em.add{           background-position:-204px  -4px;}
.icon-em.edit{          background-position:-224px  -4px;}
.icon-em.del{           background-position:-244px  -4px;}
.icon-em.organ{         background-position:-264px  -4px;}
/**第二行**/
.icon-em.customer{      background-position:-4px    -24px;}
.icon-em.exit{          background-position:-24px   -24px;}
.icon-em.list{          background-position:-44px   -24px;}
.icon-em.bind{          background-position:-64px   -24px;}
.icon-em.unbind{        background-position:-84px   -24px;}
.icon-em.row2-6{        background-position:-104px  -24px;}
.icon-em.key{           background-position:-124px  -24px;}
.icon-em.trade{         background-position:-144px  -24px;}
.icon-em.tradeToday{    background-position:-164px  -24px;}
.icon-em.tradeHistory{  background-position:-184px  -24px;}
.icon-em.index{         background-position:-204px  -24px;}
.icon-em.row2-12{       background-position:-224px  -24px;}
.icon-em.row2-13{       background-position:-244px  -24px;}
.icon-em.menuAllot{     background-position:-264px  -24px;}
/**第三行**/
.icon-em.row3-1{        background-position:-4px    -44px;}
.icon-em.row3-2{        background-position:-24px   -44px;}
.icon-em.row3-3{        background-position:-44px   -44px;}
.icon-em.row3-4{        background-position:-64px   -44px;}
.icon-em.row3-5{        background-position:-84px   -44px;}
.icon-em.row3-6{        background-position:-104px  -44px;}
.icon-em.row3-7{        background-position:-124px  -44px;}
.icon-em.row3-8{        background-position:-144px  -44px;}
.icon-em.expandAll{     background-position:-164px  -44px;}
.icon-em.collapseAll{   background-position:-184px  -44px;}
.icon-em.logout{        background-position:-204px  -44px;}
.icon-em.dot{           background-position:-224px  -44px;}
.icon-em.row3-13{       background-position:-244px  -44px;}
.icon-em.row3-14{       background-position:-264px  -44px;}
-->

.category{
    /*background-color: #E4EAEC;*/
    color:dimgrey;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    margin-left: 1px !important;
   /* border-top: 2px solid dimgrey;*/
    font-weight: bold;
}

.KhHide{
    display: none;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.showInline{
    display: inline-block;
}
/*  模态框下拉选项样式 */
.modal .dropdown-menu{padding: 4px;}
.modal .dropdown-menu li {height: 28px;width:28px;padding: 4px;float: left;cursor: pointer;margin: 2px}
.modal .dropdown-menu li:hover{background-color: #1E90FF}

/*  交易图标样式 */
.tradeIcon{width:20px;height:20px; background:url(../img/trade_icon.png) no-repeat;display:inline-block;background-size: 126px;}
.tradeIcon.A1{background-position:-0.77px -0.77px;}
.tradeIcon.B1{background-position:-20.77px -0.77px;}
.tradeIcon.C1{background-position:-40.77px -0.77px;}
.tradeIcon.D1{background-position:-60.77px -0.77px;}
.tradeIcon.E1{background-position:-80.77px -0.77px;}
.tradeIcon.F1{background-position:-100.77px -0.77px;}


.notice{
    color: #b2dba1;
}
.red{
    color: red;
}










